<template>
  <div class="main-data">
    <router-view></router-view>
  </div>
</template>
<script setup>
import { useRouter, } from 'vue-router';
import VueEvent from '../utils/event';
const router = useRouter();

router.push({ name: "DataShow" });

VueEvent.on("tomsg", (value) => {
  console.log(value);
  router.push({ name: value.web_name });
})    
</script>
<style>
.main-data {
  position: absolute;
  height: calc(100vh - 100px);
  width: calc(100vw - 350px);
  z-index: 90;
  left: 150px;
  top: 50px;
  padding: 10px;
}

.data_title i {
  float: left;
  margin-right: 10px;
  font-size: 20px;
  line-height: 30px;
  color: #605144 !important;
}

.data_title {
  height: 35px;
  width: 70%;
  border-bottom: 2px solid #d0c1b1;
  margin-bottom: 18px;
}

.data_title h2 {
  color: #605144 !important;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
</style>
